import { Card } from "antd";
import TopList from "./components/topList";
import styles from "./index.module.less";
import ArticleRanking from "./components/ArticleRanking";
import UserSex from "./components/UserSex";

function index() {
  return (
    <div>
      <Card title={<TopList />}>
        <main className={styles.main}>
          <Card className={styles.left} title="文章浏览量量排行榜">
            <ArticleRanking />
          </Card>
          <Card className={styles.right} title="用户性别分布">
            <UserSex />
          </Card>
        </main>
      </Card>
    </div>
  );
}

export default index;
